.navigation {
  margin-bottom: 20px;

  .menu {
    padding: 0 50px;
    border-bottom: solid 1px #e1e4e8;
  }

  .breadcrumb {
    padding: 10px 50px;
    border-bottom: solid 1px #e1e4e8;
    font-size: 14px;
    color: #666666;
  }
}

main {
  max-width: 1200px;
  margin: 0 auto;
  height: 100vh;
}

.dark-theme {
  background-color: #1a1a1a;

  .ant-card {
    border: none;
  }

  .ant-select {
    background-color: #2d2d2d;
  }
  .ant-form-item-label > label{
    color: #fff ;
  }
  .ant-input {
    background-color: #2d2d2d;
  }

  .ant-card-head {
    background-color: #2d2d2d;
    color: #fff;
  }

  .ant-card-body {
    background-color: #2d2d2d;
    color: #9f9f9f;

    .item-tit {
      color: #95a5a6;
    }

    .ant-form-item-required {
      color: #9f9f9f;
    }

    .ant-checkbox-label {
      color: #9f9f9f;
    }
  }

  .menu {
    background-color: #2d2d2d;
    border-bottom-color: #404040;

    .ant-menu {
      background-color: #2d2d2d;

      .ant-menu-item {
        color: #a09c93;
      }

      .ant-menu-item-selected {
        color: #1677ff;
      }
    }
  }

  .breadcrumb {
    background-color: #2d2d2d;
    color: #a09c93;
    border-bottom-color: #404040;
  }
}